<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/Normalize.css">
    <link rel="stylesheet" href="css/healthy_bar.css">
</head>
<body>
<div class="healthy_bar">
    <div class="healthy_data_num">
        <span class="current_health">100</span>
        <span>/</span>
        <span class="max_health">100</span>
    </div>
    <div class="healthy_data_bar">
    </div>
    <div class="healthy_delay_bar"></div>
</div>

<div class="test_area">
    <div class="test_button">
        <div class="cure_small"><span class="no-select">+ Small_Health/Energy</span></div>
        <div class="cure_big"><span class="no-select">+ Big_Health/Energy</span></div>
        <div class="cure_max"><span class="no-select">+ Max_Health/Energy</span></div>
        <div class="damage_small"><span class="no-select">- Small_Health/Energy</span></div>
        <div class="damage_big"><span class="no-select">- Big_Health/Energy</span></div>
        <div class="damage_max"><span class="no-select">- Max_Health/Energy</span></div>
    </div>
    <div class="test_bar">
        <div>
            <span></span>
        </div>
    </div>
</div>
</body>
</html>
<script src="js/healthy_bar.js"></script>